<template>
<div>
    <!-- 评分 -->
 <div class="numberinfo">
  <div class="info-top border-bottom">
      <div class="info-top-left border-right">
          <a class="info-left-a" href="https://touch.piao.qunar.com/touch/getCommentsAndTravelTips.htm?sightId=12485&pageSize=10&pageNum=1&fromType=SIGHT">
          <p class="info-num"><span class="info-num-spec">4.9</span><span>分</span>    很棒</p>
          <p class="info-pinglun"><span>18682</span>条评论   <span>44</span>条攻略 <span  class="iconfont rightarrow">&#xe604;</span></p>
          </a>
          
      </div>
      <div class="info-top-right">
           <a class="info-left-a right-a" href="https://touch.piao.qunar.com/touch/sight/introduction.htm?sightId=12485">
          <p class="info-num black">景点简介</p>
          <p class="info-pinglun">开放时间、贴士 <span  class="iconfont rightarrow">&#xe604;</span></p>
          </a>
      </div>
  </div>
  <div class="info-down">
      <p><span class="iconfont">&#xe601;</span>    湖北省武汉市武昌区蛇山<span  class="iconfont rightarrow">&#xe604;</span></p>
  </div>
 </div> 
 
</div>
 
</template>

<script>
    export default {
        name:"DetailStar",
        props:{
          
        }
    }
</script>

<style lang="stylus" scoped>       
.numberinfo
    position: relative
    top: -.1rem
    padding: .1rem .2rem 0 .2rem
    height 1.8rem
    margin-bottom: .06rem
    z-index 9
    background: #fff
    border-radius: .1rem .1rem 0 0
  .info-down
    margin-top .3rem 
   .rightarrow
        position: absolute;
        top: 1.3rem;
        left: 6.7rem;
        color: #9e9e9e;
        font-size: .4rem;   
  .info-top
    display flex
    padding .1rem
    line-height .8rem  
    .info-top-left
       flex 1
      .info-left-a
         position relative
         left 0
         top 0
         width 100%
         height 100% 
        .info-num
          font-size: .3rem;
          color: #ff8300;
          line-height: .34rem; 
         .info-num-spec
           font-size .4rem 
        .info-pinglun 
            margin-top .1rem
            font-size: .24rem;
            color: #9e9e9e;
            line-height: .32rem;
            margin-right: .2rem;  
          .rightarrow  
                position: absolute;
                top: .3rem;
                left: 2.8rem;
                color: #9e9e9e;
                font-size: .4rem;   
    .info-top-right
       flex 1   
       padding-left .3rem
       .black 
        color #212121;
      
</style>